<template>
  <el-row class="footer">
    <el-col :span="10" :offset="4">
      <div class="content">
        <p>联系我们</p>
        <p>University *** XiaMen FuJian China</p>
        <p>北京: 地址12345678</p>
        <p>深圳: 地址87654321</p>
        <p>电话: 0592-11112222</p>
        <p>邮箱: edu@fjxm.vip</p>
      </div>
    </el-col>
    <el-col :span="9" :offset="1">
      <div class="tel content">
        <img src="../assets/logo.png" />
      </div>
    </el-col>
  </el-row>
</template>

<script>
    export default {
        name: "vue-footer"
    }
</script>


<style  lang="less">
  .footer {
    background-color: #111111;
    color: white;
    font-size: 14px;
    padding: 50px 0 50px 0;
    .content {
      margin-top: 30px;
      p {
        margin-top: 14px;
      }
    }
    .tel {
      margin-top: 30px;
      img {
        padding: 10px 0 0 10px;
        width: 100px;
      }
    }
  }
</style>
